﻿html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
}
body {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #535452;
	min-width: 1002px;
	line-height: 24px;
}
img {max-width:100%;} 
a {
	text-decoration: none;
	color: #535452;
}
.clear {
	clear: both;
	height: 0px;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.hidden {
	display: none;
}
*:focus {
	outline: none;
}
/* banner开始 */
.flexslider {
	position: relative;
	height: 533px;
	overflow: hidden;
	z-index: 1;
}
.slides {
	position: relative;
	z-index: 1;
}
.slides li {
	height: 533px;
}
.slides li a {
	display: block;
	height: 533px;
}
.flex-control-nav {
	display: none;
}
/*
.flex-control-nav {
	position: absolute;
	bottom: 5px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 13px;
	margin: 0 2px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 40px;
	overflow: hidden;
	background: #c50d21;
	cursor: pointer;
	border-radius: 50%;
}
.flex-control-nav .flex-active {
	background: #cecfd4;
}
*/
.flex-direction-nav {
	position: absolute;
	top: 115px;
	z-index: 2;
	width: 100%;
}
.flex-direction-nav li a {
	display: block;
	width: 20px;
	height: 53px;
	background: url(../../images/icon-banner.png) no-repeat 0 0;
	transition: all 0.5s;
}
.flex-direction-nav li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.flex-direction-nav li .flex-prev {
	float: left;
	margin-left: 3%;
}
.flex-direction-nav li .flex-next {
	float: right;
	margin-right: 3%;
	background-position: -20px 0px;
}
/* banner结束 */
/*头部*/
.wrapper {
	width: 1000px;
}
.bg-blue {
	background: #57c0f7;
	border-bottom: 1px solid #fff;
}
.web-head .web-logo {
	height: 57px;
	margin: 20px 0px 5px;
}
.web-head .fr {
	text-align: right;
}
.web-head .bshare-custom {
	margin: 13px 0px 13px auto;
	width: 155px;
}
.web-search input {
	border: 1px solid #479dca;
	background: #fff;
	padding: 5px 5px 5px 10px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	color: #57c0f7;
	font-family: "微软雅黑";
	width: 202px;
}
.web-search input.search-btn {
	height: 26px;
	width: 27px;
	background: url(../../images/icon-fd.png) no-repeat center center #fff;
	border: 0px;
}
/*导航*/
.wrapper.bg-blue {
	height: 46px;
	line-height: 46px;
	margin-top: -29px;
	z-index: 100;
	position: relative;
}
.wrapper.bg-blue .web-nav {
	width: 810px;
}
.wrapper.bg-blue .web-nav>li {
	float: left;
	text-align: center;
	font-size: 16px;
	transition: all 0.5s;
	position: relative;
}
.wrapper.bg-blue .web-nav>li:hover {
	background: #fff;
}
.wrapper.bg-blue .web-nav>li:hover a {
	color: #2f6785;
}
.wrapper.bg-blue .web-nav>li>a {
	color: #fff;
}
.wrapper.bg-blue .web-nav>li .sub-nav {
	width: 465px;
	padding: 15px 13px;
	background: #fff;
	position: absolute;
	left: 0px;
	top: 45px;
	box-shadow: 0 0 5px #c7c7c7;
	display: none;
}
.wrapper.bg-blue .web-nav>li .sub-nav li {
	float: left;
	    padding: 0 10px;
	display: block;
	height: 27px;
	line-height: 27px;
	transition: all 0.5s;
}
.wrapper.bg-blue .web-nav>li .sub-nav li:hover {
	background: #57c0f7;
}
.wrapper.bg-blue .web-nav>li .sub-nav li:hover a {
	color: #fff;
}
.wrapper.bg-blue .web-tel {
	background: url(../../images/icon-tel.png) no-repeat left top;
	color: #231f20;
	margin-top: 14px;
	width: 190px;
	font-size: 16px;
}
.wrapper.bg-blue .web-tel p {
	line-height: 30px;
	padding-left: 100px;
}
.wrapper.bg-blue .web-tel span {
	font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 55px;
}
/*内容*/
.home-tit {
	text-align: center;
	vertical-align: middle;
	font-size: 30px;
	color: #045584;
	margin: 52px auto 30px;
}
.home-tit span {
	font-weight: bold;
	color: #57c0f7;
	font-family: "Arial Unicode MS";
	text-transform: uppercase;
}
.home-tit .tit-line {
	width: 114px;
	height: 1px;
	display: inline-block;
 *zoom:1;
 *display:inline;
	vertical-align: middle;
	margin: 0 12px;
	background: #c7c7c7;
	font-size:0;
}
.home-series{
	font-size:0px;}
.home-series li {
	display: inline-block;
 *zoom:1;
 *display:inline;
	width: 163px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	background: #ddf2fd;
	transition: all 0.5s;
	text-align: center;
	margin-right:3px;
}
.home-series li a {
	color: #045584;
}
.home-series li:hover {
	background: #f2fafe url(../../images/icon-series.png) no-repeat center center;
	color: #045584;
}
.home-series li:hover a {
	color: #045584;
}
.home-series li.last {
	background: #57c0f7;
	border: 1px solid #4b4b4b;
}
#demo {
	overflow: hidden;
}
#indemo {
	float: left;
	width: 800%; height:550px; overflow:hidden;
}
#demo1 {
	float: left;
	width: 1265px;
}
#demo2 {
	float: left;
	width: 1265px;
}
.home-prolist li {
	margin-right: 15px;
	width: 206px;
	padding: 13px 15px;
	float: left;
	text-align: center;
	background: #ddf2fd;
	margin: 15px 15px 0 0;
	line-height: 40px;
	font-size: 14px;
	border: 1px solid #ddf2fd;
}
.home-prolist li a {
	color: #056ba1;
}
.home-prolist li .picBox{width: 206px;
	height: 191px;}

.home-prolist li img {
	/*width: 206px;
	height: 191px;
	display: block;*/
	transition: all 0.5s;
}
.home-prolist li:hover {
	margin-top: 12px;
	border-color: #57c0f7;
	font-weight: bold;
	margin-bottom: 3px;
}
.home-prolist li:hover img {
	box-shadow: 0 0 10px #2a5d78;
}
/*公司简介和新闻*/
.home-half {
	width: 475px;
	margin-bottom:30px;
}
.home-half .home-tit{
	text-align:left;
	position:relative;
}
.home-half .home-tit .tit-line{
	width:175px;
	margin:0 5px;
}
.home-tit .tit-more{
	position:absolute;
	width:82px;
	height:22px;
	line-height:22px;
	color:#ddf2fd;
	text-transform:uppercase;
	background:#57c0f7;
	font-size:12px;
	text-align:center;
	top:5px;
	right:50px;
	}
.home-apic {
	height: 160px;
	background: #57c0f7;
	margin-top:57px;
}
.home-apic .picBox{
	width: 383px;
	height: 222px;
	position: relative;
	top: -20px;}
.home-apic img {
	/**/
}
.home-atext {
	padding-top: 50px;
	font-size: 14px;
	line-height:30px;
	height:150px;
	overflow:hidden;
}
.home-half .home-tit.home-new .tit-line{
	width:263px;
}
.home-nex {
	width: 230px;
}
.home-nex dt a {
	font-size: 14px;
	color: #535452;
	font-weight: bold;
	line-height: 22px;
}
.home-nex dd {
	color: #9a9c99;
	line-height: 18px;
}
.home-nex dd a {
	color: #2270c8;
	width: 94px;
	height: 26px;
	line-height: 26px;
	background: #eee;
	display: block;
	text-align: center;
	margin: 8px 0px 0px;
}
.home-npic {
	width: 220px;
	height: 153px;
	display: block;
}
.home-nlist li {
	border: 1px solid #fff;
	padding: 4px 2px;
	margin-top: 10px;
	transition:all 0.5s;
	height:57px;
}
.home-nlist li .home-time {
	padding: 6px 10px;
	width: 70px;
	height: 43px;
	background: #ededed;
	border: 1px solid #b6b6b6;
	color: #b6b6b6;
}
.home-nlist li .home-time dt {
	font-weight: bold;
	font-size: 24px;
}
.home-nlist li .home-time dd {
	font-size: 14px;
}
.home-nlist li .home-ntext {
	width: 362px;
}
.home-nlist li .home-ntext dt {
	height: 16px;
	line-height: 16px;
}
.home-nlist li .home-ntext dt a {
	color: #535452;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.home-nlist li .home-ntext dd {
	line-height: 18px;
	margin-top: 5px;
	color: #9a9c99;
}
.home-nlist li:hover {
	border-color:#57c0f7;
	background:#f1f9fd;
}
.home-nlist li:hover dt a{
	color:#193d57;
}
/*电话和广告*/
.home-function{
	width:165px;
	height:163px;
	background:#57c0f7;
	margin-left:100px;}
.home-function .home-tel{
	margin-left:-100px;
	background:url(../../images/icon-ctel.png) no-repeat left top;}
.home-function .home-tel p{
	font-size:18px;
	color:#fff;
	border-bottom:1px solid #fff;
	padding:0 0 10px 110px;
	}
.home-function .home-tel p span{
	display:block;
	font-size:14px;
	text-transform:uppercase;}
.home-function .web-search{
	margin-left:-100px;}
.home-function .home-tel .tel-num{
	font-size:36px;
	color:#3a80a5;
	font-family:"Arial Unicode MS";
	line-height:50px;
	}
.home-ad img{
	/*width:730px;
	height:163px;
	display:block;*/
	}
.home-ad .picBox{width:730px;
	height:163px;}
.home-anli{
	width:490px;}
.home-allist li{
	float:left;
	width:auto;
	position:relative;
	}
.home-allist li a::before,.home-allist li a::after{
	content:'';
	position:absolute;
	top:20%;
	right:10%;
	bottom:20%;
	left:10%; 
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.5s; 
	}
.home-allist li a::before{
	border-top:3px solid #fff;
	border-bottom:3px solid #fff; 
	z-index:10;
	transform:scale(0,1);
	-webkit-transform:scale(0,1);
	}
.home-allist li a::after{
	border-right:3px solid #fff;
	border-left:3px solid #fff; 
	z-index:10;
	transform:scale(1,0);
	-webkit-transform:scale(1,0);
	}
.home-allist li p{
	opacity:0;
	filter:alpha(opacity=0);
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	width:100%;
	font-size:18px;
	color:#fff;
	background:#7ec3e5;
	background:rgba(87,192,247,0.8);
	z-index:5;
	transition:all 0.5s;
	}
.home-allist li img{
	/*width:100%;
	height:100%;*/}
.home-allist li .picBox{width:100%;
	height:100%;}
.home-anli .home-tit .tit-line{
	width:265px;}
.home-allist li:hover a::before,.home-allist li:hover a::after{
	opacity:0.7;
	filter:alpha(opacity=70);
	transform:scale(1);
	-webkit-transform:scale(1);
	}
.home-allist li:hover p{
	opacity:1;
	filter:alpha(opacity=100);
	}
.home-lxwm{
	background:#57c0f7;
	margin-top:52px;
	color:#fff;
	width:493px;
	position:relative;}
.home-lxwm .lxwm-tit{
	height:47px;
	line-height:47px;
	border-bottom:1px solid #fff;
	font-size:30px;
	padding-left:38px;
	text-transform:uppercase;
	}
.home-lxwm .home-lxtext{
	background:url(../../images/icon-lxwm.png) no-repeat 370px 5px;
	font-size:14px;
	padding:25px 125px 60px 38px;
	}
.home-lxwm .home-map{
	position:absolute;
	width:100%;
	height:255px;
	background:#c5cbcf;
		}
/*底部*/
.footer{
	padding:20px 0px;}
.footer .quick-menu{
	}
.footer .quick-menu li{
	float:left;
	width:86px;
	height:106px;
	text-align:center;
	margin-right:45px;
	border:1px solid #fff;
	overflow:hidden;
	font-size:14px;
	transition:all 0.5s;
	margin-bottom:9px;
	}
.footer .quick-menu li .picww{
	background:url(../../images/icon-foot.png) no-repeat 26px 0px;
	height:43px;
	padding:11px 0px;
	transition:all 0.5s;
	}
.footer .quick-menu li a{
	color:#cccccc;
	}
.footer .quick-menu li.qm-pro .picww{
	background-position:-108px 4px;}
.footer .quick-menu li.qm-anli .picww{
	background-position:-244px 4px;}
.footer .quick-menu li.qm-mes .picww{
	background-position:-384px 4px;}
.footer .quick-menu li:hover{
	margin-top:9px;
	background-position:25px -90px;
	margin-bottom:0px;
	}
.footer .quick-menu li:hover a{
	color:#fff;
	}
.footer .quick-menu li:hover .picww{
	background-position:26px -90px;
	}
.footer .quick-menu li.qm-pro:hover .picww{
	background-position:-108px -90px;
	}
.footer .quick-menu li.qm-anli:hover .picww{
	background-position:-244px -90px;
	}
.footer .quick-menu li.qm-mes:hover .picww{
	background-position:-384px -90px;
	}
.footer .foot-logo{
	font-size:24px;
	margin-top:80px;
	}
.footer .foot-bot{
	border-top:1px solid #787878;
	margin-top:10px;
	padding-top:15px;
	*margin-top:20px;
	}
/*内页*/	
.bg-grey {
	background: #f6f6f6;
}
.bg-grey.main {
	padding-top: 60px;
	margin:-17px 0 10px 0;
}
.wrapper.main {
	margin-bottom: 30px;
}
.main .side-tit {
	background: url(../../images/icon-side.png) no-repeat 0 0px;
	height: 42px;
	line-height: 42px;
	font-size: 24px;
	color: #000;
	width: 215px;
	text-align: center;
}
.main .main-tit {
	width: 755px;
	border-bottom: 1px solid #000;
	height: 42px;
	line-height: 42px;
}
.main .main-tit span {
	font-size: 24px;
	color: #000;
}
/*左侧*/
.main .sidebar {
	width: 215px;
}
.main img {
	/*max-width: 100%;*/
}
.main .sidebar .side-series li {
	height: 41px;
	line-height: 41px;
	margin-bottom: 2px;
	text-align: center;
	border-bottom: 1px solid #57c0f7;
}
.main .sidebar .side-series li a {
	display: block;
	height: 36px;
	line-height: 36px;
	background: url(../../images/icon-side.png) no-repeat 10px -52px #f6f6f6;
	border: 3px solid #f6f6f6;
	border-bottom-width: 2px;
	transition: all 0.5s;
	font-size: 16px;
}
.main .sidebar .side-series li a:hover {
	border-color: #57c0f7;
	background-position: 10px -94px;
}
.main .sidebar .side-new {
	border: 1px solid #c7c7c7;
	margin: 25px 0px 15px;
	padding: 3px;
}
.main .sidebar .side-new dt {
	text-align: center;
	font-size: 24px;
	line-height: 45px;
	border-bottom: 1px solid #c7c7c7;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}
.main .sidebar .side-new dt img {
	height: 85px;
	display: block;
	margin-bottom: 1px;
	width: 100%;
}
.main .sidebar .side-new dd {
	height: 32px;
	line-height: 32px;
	transition: all 0.5s;
	padding-left: 10px;
}
.main .sidebar .side-new dd a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main .sidebar .side-new dd:hover {
	background: #000;
}
.main .sidebar .side-new dd:hover a {
	color: #fff;
}
.main .sidebar .side-tel {
	background: url(../../images/icon-side.png) no-repeat 0 -130px;
	height: 160px;
	text-align: center;
}
.main .sidebar .side-tel p {
	font-size: 18px;
	color: #7f8080;
}
.main .sidebar .side-tel span {
	font-size: 30px;
	color: #ffa50f;
	font-weight: bold;
	font-style: italic;
	white-space: nowrap;
	height: 50px;
	line-height: 50px;
}
/*右侧  产品详情*/
.main .main-cont {
	width: 755px;
}
.main .main-cont .detail-tit {
	text-align: center;
	margin: 10px 0px;
}
.main .main-cont .detail-tit p {
	background: #f6f6f6;
	padding: 10px 0px;
	margin-bottom: 10px;
}
.main .main-cont .detail-tit p strong {
	font-size: 18px;
	color: #3c3b3b;
}
.main .main-cont .main-text {
	font-size: 14px;
	line-height: 28px;
}
.main .main-cont .xg {
	margin: 20px 0px;
	font-size: 14px;
	border-top: 1px dashed #f1f8ff;
	line-height: 30px;
}
.main .main-cont .xg a:hover {
	text-decoration: underline;
}
/*产品列表*/
.main .home-prolist{
	margin-bottom:20px;
	overflow:hidden;
}

/*新闻中心*/
.main .main-cont .main-newlist {
	margin-bottom: 30px;
}
.main .main-cont .main-newlist li {
	padding-left: 93px;
	background: url(../../images/icon-new.png) no-repeat 2px center;
	border: 3px solid #fff;
	margin-bottom: 15px;
	transition: all 0.5s;
}
.main .main-cont .main-newlist li dl {
	border-bottom: 1px solid #b0d1ef;
}
.main .main-cont .main-newlist li dl dt {
	color: #25ade4;
}
.main .main-cont .main-newlist li dl dd a {
	display: block;
}
.main .main-cont .main-newlist li dl dd h3 {
	color: #080808;
	font-size: 14px;
	line-height: 35px;
}
.main .main-cont .main-newlist li dl dd p {
	color: #9a9c99;
	line-height: 18px;
	margin-bottom: 15px;
}
.main .main-cont .main-newlist li:hover {
	border-color: #57c0f7;
}
/***留言板****/
.mes {
	padding: 65px 80px;
}
.mes .box {
	background: #f3f3f3;
	margin-bottom: 3px;
	padding: 10px 0;
}
.mes .box span {
	display: inline-block;
	width: 95px;
	text-align: right;
	padding-right: 15px;
	font-size: 14px;
	color: #575757;
	vertical-align: middle;
}
.mes .box input, .mes .box textarea {
	display: inline-block;
	vertical-align: middle;
	width: 320px;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	border: 0;
	border-radius: 4px;
	background: #838383;
	box-shadow: inset 2px 1px 2px #747474;
	font-size: 14px;
	color: #fff;
	font-family: "微软雅黑";
}
.mes .box textarea {
	vertical-align: top;
	height: 56px;
	overflow: auto;
}
.mes .box input.yzm {
	width: 115px;
	margin-right: 15px;
}
.mes .box input.btn_ly {
	width: 142px;
	font-size: 18px;
	background: #57c0f7;
	border-radius: 0;
	padding: 0;
	margin-left: 110px;
	box-shadow: none;
	cursor: pointer;
}
.mes .box img {
	vertical-align: middle;
}
.detailBox img{max-width: 100%;display: block;margin: auto;}